/**
 * 目标1：验证码登录
 * 1.1 在 utils/request.js 配置 axios 请求基地址
 * 1.2 收集手机号和验证码数据
 * 1.3 基于 axios 调用验证码登录接口
 * 1.4 使用 Bootstrap 的 Alert 警告框反馈结果给用户
 */

// 1.2 收集手机号和验证码数据
document.querySelector('.btn').addEventListener('click', async () => {
  const form = document.querySelector('.login-form')
  const data = serialize(form, { hash: true, empty: true })
  console.log(data)

  try {
    // 1.3 基于 axios 调用验证码登录接口
    const response = await axios.post('/v1_0/authorizations', data)
    const result = response
    console.log('#', result)
    myAlert(true, '登录成功')
    // 登录成功后 保存token令牌到本地 并跳转到列表表表面
    localStorage.setItem('token', result.data.token)
    console.log(result.data)
    setTimeout(() => {
      // 延迟跳转 让alert警告框停留一会
      location.href = '../content/index.html'
    }, 1500)

  } catch (error) {
    myAlert(false, error)
  }
})

